<template>
  <div>
    <h1>自定义事件1---子组件向父组件传递</h1>
    <p>App</p>
    <p v-for="user of userData" :key="user">{{ user }}</p>
    <List @getdataHandle="getdataHandle" />
  </div>
</template>

<script>
import _ from "lodash";
import List from "./components/List/List.vue";
export default {
  name: "App",
  components: { List },
  data() {
    return {
      userData: [],
    };
  },
  methods: {
    getdataHandle(value) {
      //当我们的需求只是希望数据展示 并无其他需要 可以使用lodach的方法深拷贝 _.cloneDeep
      this.userData = _.cloneDeep(value);
    },
  },
};
</script>

<style></style>
